<template>
	<div class="footer">
		<div class="footer-child">
			<div class="f-l">
				Region
			</div>
			<div class="f-r">
				<span>Copyright © 2017 IMooc All Rights Reserved.</span>
				<a href="#">About Us</a>
				<a href="#">Terms & Conditions</a>
				<a href="#">Privacy Policy</a>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'common-footer'
	}
</script>

<style lang="stylus" scoped>
	.footer
		height:100px
		margin-top:40px
		.footer-child
			width:1200px
			height:100px
			margin:0 auto
			color:#ada9a5
			line-height:100px
			font-size:15px
			position:relative
			border-top:1px #ccc solid
			.f-l
				width:140px
				height:100px
				position:absolute
				top:0
				left:0
			.f-r
				width:740px
				height:100px
				position:absolute
				right:0
				top:0
			.f-r a
				color:#ada9a5
				margin-left:40px
</style>
